<template>
    <!-- 空气质量情况 -->
    <div class="greenWaterQuality_airQuality">
        <CommonTitleComponent text="空气质量情况"></CommonTitleComponent>
        <div class="airQuality_totalList">
            <CustomGreenInitiativeCommonTotalNumber
                :totalList="state.totalList"
            ></CustomGreenInitiativeCommonTotalNumber>
        </div>
    </div>
</template>
<script lang="ts" setup>
import {reactive} from 'vue';

const state = reactive({
    totalList: {
        name: '今日排放量',
        numList: '3550',
        unit: 'm³'
    }
});
</script>
<style lang="scss" scoped>
.greenWaterQuality_airQuality {
    height: 100%;
    padding-top: 12px;

    .airQuality_totalList {
        padding-top: 17px;
    }
}
</style>
